﻿<UserControl x:Class="Moonwish.Silverlight.OsAvatar.Windows.TaskBarItem"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <Storyboard x:Name="animEnter">
            <DoubleAnimation To="1" FillBehavior="HoldEnd" Storyboard.TargetName="brushLight" Storyboard.TargetProperty="Opacity"
                                     Duration="0:0:0.1"/>
        </Storyboard>
        <Storyboard x:Name="animLeave">
            <DoubleAnimation To="0" FillBehavior="HoldEnd" Storyboard.TargetName="brushLight" Storyboard.TargetProperty="Opacity"
                                     Duration="0:0:0.4"/>
        </Storyboard>
    </UserControl.Resources>
    <Border CornerRadius="2" x:Name="brdOuter"  BorderThickness="1" BorderBrush="#555658">
        <Border CornerRadius="2" x:Name="brdInner" MinWidth="40" BorderThickness="1" BorderBrush="#FFA1CEE7">
            <Grid x:Name="LayoutRoot" MouseMove="LayoutRootMouseMove" MouseEnter="LayoutRootMouseEnter" MouseLeave="LayoutRootMouseLeave" Cursor="Hand">
                <Grid.Background>
                    <RadialGradientBrush GradientOrigin="0,0" Center="0.5,0.5">
                        <GradientStop Color="White"/>
                        <GradientStop Color="#FF3E9CD0" Offset="1"/>
                    </RadialGradientBrush>
                </Grid.Background>
                <Rectangle  IsHitTestVisible="False" RadiusX="2" RadiusY="2">
                    <Rectangle.Fill>
                        <RadialGradientBrush GradientOrigin="1,1" Center="0.5,0.5" x:Name="brushLight">
                            <GradientStop Color="White" x:Name="transitionSubColor"/>
                            <GradientStop Color="#FF3E9CD0" Offset="1" x:Name="transitionColor"/>
                        </RadialGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Image x:Name="imgIcon" HorizontalAlignment="Center" VerticalAlignment="Center" Width="20" Height="20"/>
                <ToolTipService.ToolTip>
                    <TextBlock x:Name="tbCaption" Margin="0, -20, 0, 0" HorizontalAlignment="Left" Foreground="White" FontSize="12" FontFamily="Arial" VerticalAlignment="Top"  />
                </ToolTipService.ToolTip>
            </Grid>
        </Border>
    </Border>
</UserControl>
